.pagation-container {
  @apply flex justify-center flex-wrap;
  .jump, .jumpinput {
    @apply inline-flex mr-2 mb-2 w-6 h-6 items-center justify-center rounded-lg cursor-pointer border-reco-primary border border-solid max-w-xs text-reco-text-lightmode;
  }
  .jump {
    @apply hover:bg-reco-primary/90 hover:text-white;
    &.active {
      @apply bg-reco-primary/90 text-white;
    }
    &.go {
      @apply px-1 w-auto;
    }
  }
  .jumpinput {
    @apply w-16 px-1;
    input {
      @apply w-full outline-none text-reco-text-lightmode;
    }
  }
}

/* 兼容 */
.pagation-container .jump, .pagation-container .jumpinput {
  @apply dark:text-reco-text-darkmode;
}
.pagation-container .jumpinput input {
  @apply dark:text-reco-text-darkmode;
}
